<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>超管注册</title>
    <link rel="stylesheet" type="text/css" href="/css/admin_regi.css"/>
<!--    <link rel="stylesheet" type="text/css" href="/css/template.css"/>-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!--    <link rel="stylesheet" type="text/css" href="/css/admin_index.css"/>-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <script src="/js/admin_regi.js"></script>

</head>
<body>
<!--顶部导航栏-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background-color: black">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" style="color: white;font-family: 'Arial Narrow'"><i class="fa fa-cloud fa-lg"></i>Libraby</a>
            <!--            <a class="navbar-brand" href="/admin/myindex" style="color: white">Acount information</a>-->
        </div>
        <ul class="nav navbar-nav navbar-right">
            <!--            <li><a href="/admin/basereturn" style="color: white"><span class="glyphicon glyphicon-cog" style="color: white">Set</span></a></li>-->
            <li><a href="/admin/logout" style="color: white"><span class="glyphicon glyphicon-log-out"
                                                                   style="color: white"></span>Log out</a></li>
        </ul>
    </div>
</nav>

<div class="container">
<!--头像-->
<div class="ur1">
    <a class="navbar-brand" style="color: black;font-size: 30px;">
        <i class="fa fa-user-o fa-4x"></i></a>
</div>

<div class="login_frame">
    <form action="/admin/register" name="regi" method="post" onsubmit="return checkForm();">
        <div style="text-align: left">
            <table style="position:absolute;height: 120px;">
                <tr>
                    <td>Name</td>
                    <td><input class="txt" name="nickname" type="text" id="username"
                               onfocus="showTips('span_username','User name length cannot be less than 6')" onblur="checkUsername()"
                               onkeyup="checkUsername()"/><span id="span_username"></span><br/></td>
                </tr>
                <tr>
                    <td>Phone Number</td>
                    <td><input type="text" name="telephone" class="txt" id="phone"
                               onfocus="showTips('span_phone','The phone number is 11 digits')" onblur="checkPhone()" onkeyup="checkPhone()"/><span
                            id="span_phone"></span><br/></td>
                </tr>
                <tr>
                    <td>Password</td>
                    <td><input type="password" name="password" class="txt" id="password"
                               onfocus="showTips('span_password','Password length cannot be less than 6')" onblur="checkPassword()"
                               onkeyup="checkPassword()"/><span id="span_password"></span><br/></td>
                </tr>
                <tr>
                    <td>Confirm Password</td>
                    <td><input type="password" name="identifiedPassword" class="txt" id="repassword"
                               onfocus="showTips('span_repassword','Both passwords must be the same')" onblur="checkRePassword()"
                               onkeyup="checkRePassword()"/><span id="span_repassword"></span><br/></td>
                </tr>
            </table>
        </div>
        <div class="sub">
            <input type="submit" class="btn btn-success" value="complete">
            <div style="margin-top: 10%; margin-left: -15%;width: 300px;height: 100px;">
                <p style="color:red; font-size: 25px" th:text="${msg}"></p >
            </div>
        </div>
    </form>
</div>

<!--底部导航栏-->
<div class="footer">
    <div>
        <img src="/images/mandarin.png" class="mandarin">
    </div>
    <p style=" margin-top: 2%; margin-left: 35%;position: absolute; color: white;font-size: 25px;">
        Shan ICP Number 18018134 | Powered by 1713011</p>
</div>

</div>
</body>
</html>